<template>
  <div class="one-card-recharge">
    <account-info :accountInfo='accountInfo'></account-info>
    <recharge></recharge>
  </div>
</template>

<script lang="js">
import {defineComponent, reactive, ref} from 'vue'
import AccountInfo from './account-info/account-info.vue'
import Recharge from './recharge/recharge.vue'
import { useState } from '@/hooks'
export default defineComponent({
  props: {

  },
  components: {
    AccountInfo,
    Recharge
  },
  setup() {
    const accountInfoState = useState('pay',["accountInfo"])

    return {
      ...accountInfoState
    }

  }
})
</script>

<style scoped lang="less">
.one-card-recharge{
  min-height: 100vh;
  background-color: white;
  position: relative;
  z-index: 99;
}
</style>
